<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr" xmlns:th="http://www.w3.org/1999/html">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="author" content="PIXINVENT">
    <title>衿契企业人事管理</title>
    <link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
    <link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>

<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
      data-menu="vertical-menu" data-col="2-columns">
<!-- fixed-top-->
<nav class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-semi-dark navbar-shadow">
    <div class="navbar-wrapper">
        <div class="navbar-header">
            <ul class="nav navbar-nav flex-row">
                <li class="nav-item mobile-menu d-md-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs"
                                                                      href="#"><i class="ft-menu font-large-1"></i></a></li>
                <li class="nav-item"> <a class="navbar-brand" href="index.html"> <img class="brand-logo"
                                                                                      alt="stack admin logo" src="app-assets/images/stack-logo-light.png">
                    <h2 class="brand-text">衿契企业人事管理</h2>
                </a> </li>
                <li class="nav-item d-md-none"> <a class="nav-link open-navbar-container" data-toggle="collapse"
                                                   data-target="#navbar-mobile"><i class="fa fa-ellipsis-v"></i></a> </li>
            </ul>
        </div>
        <div class="navbar-container content">
            <div class="collapse navbar-collapse" id="navbar-mobile">
                <ul class="nav navbar-nav mr-auto float-left">
                    <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i
                            class="ft-menu"></i></a></li>
                </ul>
                <ul class="nav navbar-nav float-right">
                    <li class="dropdown dropdown-user nav-item"> <a class="dropdown-toggle nav-link dropdown-user-link" href="#"
                                                                    data-toggle="dropdown"> <span class="avatar avatar-online"> <img src="app-assets/images/head.jpg"
                                                                                                                                     alt="avatar"></span> <span class="user-name">欢迎您！</span> </a> </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
    <div class="main-menu-content">
        <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
            <li class=" nav-item only open"><a th:href="@{/control_panel}" target="iframe1"><i class="fa fa-dashboard"></i><span
                    class="menu-title">控制面板</span></a></li>

            <li class=" nav-item"><a target="iframe1"><i class="fa fa-desktop"></i><span class="menu-title">员工管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/employee_infor/employee_infor}" target="iframe1" methods="get">员工信息查询与变更</a></li>
                </ul>
            </li>
            <li class=" nav-item"><a target="iframe1"><i class="fa fa-folder-open"></i><span
                    class="menu-title">部门管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/department_infor/department_infor}" target="iframe1" methods="get">部门信息查询与变更</a></li>
                </ul>
            </li>
            <li class=" nav-item"><a target="iframe1"><i class="fa fa-book"></i><span class="menu-title">岗位管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/post_infor/post_infor}" target="iframe1">岗位信息查询与变更</a></li>
                </ul>
            </li>
            <li class=" nav-item"><a  target="iframe1"><i class="fa fa-book"></i><span
                    class="menu-title">招聘管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/recruitplan}" target="iframe1">招聘计划</a></li>
                </ul>
            </li>

            <li class=" nav-item">
                <a target="iframe1"><i class="fa fa-users"></i>
                    <span class="menu-title">薪资管理</span>
                </a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/salary}" target="iframe1">薪资报表</a></li>
                </ul>
            </li>
            <li class=" nav-item">
                <a target="iframe1"><i class="fa fa-folder-open"></i>
                    <span class="menu-title">考勤管理</span>
                </a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/attendance_management}" target="iframe1">考勤管理</a> </li>
                </ul>
            </li>
            <li class=" nav-item">
                <a target="iframe1"><i class="fa fa-users"></i>
                    <span class="menu-title">请假管理</span>
                </a>
                <ul class="menu-content">
                    <!-- <li><a class="menu-item" th:href="@{/leave_application_management}" target="iframe1">请假申请管理</a></li>-->
                    <li><a class="menu-item" th:href="@{/attendance_approval}" target="iframe1">请假审核管理</a></li>

                </ul>
            </li>

            <li class=" nav-item">
                <a target="iframe1">
                    <i class="fa fa-tasks"></i>
                    <span class="menu-title">合同管理</span>
                </a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/contract}" target="iframe1" methods="get">员工合同</a></li>
                </ul>
            </li>

            <li class=" nav-item">
                <a target="iframe1">
                    <i class="fa fa-folder-open"></i>
                    <span class="menu-title">公告管理</span></a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/declare}" target="iframe1" methods="get">系统公告</a></li>
                </ul>
            </li>


            <li class=" nav-item">
                <a target="iframe1">
                    <i class="fa fa-pie-chart"></i>
                    <span class="menu-title">培训管理</span>
                </a>
                <ul class="menu-content">
                    <li><a class="menu-item" th:href="@{/train}" target="iframe1" methods="get">员工培训</a>
                    </li>

                </ul>
            </li>
            <li class=" nav-item only">
                <a th:href="@{/loginfo}" target="iframe1">
                    <i class="fa fa-file-text"></i>
                    <span class="menu-title">日志信息</span>
                </a>
            </li>
            <li class=" nav-item only">
                <a th:href="@{/logout}" target="iframe1">
                    <i class="fa fa-file-text"></i>
                    <span class="menu-title">系统退出</span>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="app-content content">
    <iframe th:src="@{/control_panel}" frameborder="0" class="iframe1" name="iframe1"></iframe>
</div>
<footer class="footer footer-static footer-light navbar-border">
    <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"> <span
            class="float-md-left d-block d-md-inline-block">Copyright &copy; 2021 <a class="text-bold-800 grey darken-2"
                                                                                     href="#">衿契人事管理系统 </a></span> </p>
</footer>
<script src="app-assets/js/vendors.min.js" type="text/javascript"></script>
<script src="app-assets/js/app-menu.js" type="text/javascript"></script>
<script src="app-assets/js/app.js" type="text/javascript"></script>
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script>
<script>
    $(document).ready(function () {
        $(".nav-item ").click(function () {
            $(".nav-item ").removeClass("active")
            $(this).addClass("active")

        })
    })

    $(function () {
        setTimeout(function () {
            echarts_1();
            echarts_2();
        }, 500);


        function echarts_1() {
            var myChart = echarts.init(document.getElementById('echart1'));

            option = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        lineStyle: {
                            color: '#57617B'
                        }
                    }
                },
                "legend": {

                    "data": [
                        { "name": "数量" },
                        { "name": "金额" },
                    ],
                    "top": "0%",
                    "textStyle": {
                        "color": "#666"//图例文字
                    }
                },

                "xAxis": [
                    {
                        "type": "category",
                        boundaryGap: false,//
                        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                        axisLine: { lineStyle: { color: "#eee" } },
                        axisLabel: {
                            textStyle: { color: "r#666", fontSize: '14', },
                        },

                    },
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": "数量「单」",
                        "nameTextStyle": { color: '#666', },
                        "min": 0,
                        //  "max": 15,
                        //"interval": 5,
                        //splitNumber:3,
                        "axisLabel": {
                            "show": true,

                        },
                        axisLine: { lineStyle: { color: '#eee' } },//左线色
                        axisLabel: { textStyle: { color: '#666' } },
                        splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                    },
                    {
                        "min": 0,
                        // "max": 15,
                        "type": "value",
                        "name": "金额「元」",
                        //  splitNumber:3,
                        "nameTextStyle": { color: '#666', },
                        "show": true,
                        "axisLabel": {
                            "show": true,

                        },
                        axisLine: { lineStyle: { color: '#ddd' } },//右线色
                        splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                        axisLabel: { textStyle: { color: '#666' } },
                    },
                ],
                "grid": {
                    "top": "10%",
                    "right": "30",
                    "bottom": "30",
                    "left": "30",
                },
                "series": [
                    {
                        "name": "数量",
                        type: 'line',
                        smooth: true,
                        symbol: 'circle',
                        symbolSize: 5,
                        showSymbol: false,
                        lineStyle: {
                            normal: {
                                color: 'rgba(0,0,0,.0)',
                                width: 0
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: 'rgba(255,106,125,.5)',

                            }
                        },
                        itemStyle: {
                            normal: {
                                color: 'rgba(255,106,125,.5)',
                            }
                        },
                        "data": [1, 3, 2, 9, 3, 8, 4, 6, 2, 7, 2, 4],

                    },

                    {
                        "name": "金额",
                        "type": "line",
                        "yAxisIndex": 1,
                        smooth: true,
                        symbol: 'circle',
                        symbolSize: 5,
                        showSymbol: false,
                        "data": [4, 3, 5, 3, 11, 4, 7, 3, 4, 2, 7, 3],
                        lineStyle: {
                            normal: {
                                color: 'rgba(0,0,0,.0)',
                                width: 0
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: "rgba(255,158,114,.5)"
                            }
                        },
                        "itemStyle": {
                            "normal": {
                                color: "rgba(255,158,114,.5)"

                            }
                        },

                    }
                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }
        function echarts_2() {
            var myChart = echarts.init(document.getElementById('echart2'));

            option = {
                tooltip: {
                    trigger: 'axis',
                    axisPointer: {
                        lineStyle: {
                            color: '#57617B'
                        }
                    }
                },
                "legend": {

                    "data": [
                        { "name": "数量" },
                        { "name": "金额" },
                    ],
                    "top": "0%",
                    "textStyle": {
                        "color": "#666"//图例文字
                    }
                },

                "xAxis": [
                    {
                        "type": "category",
                        boundaryGap: false,//
                        data: ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'],
                        axisLine: { lineStyle: { color: "#eee" } },
                        axisLabel: {
                            textStyle: { color: "r#666", fontSize: '14', },
                        },

                    },
                ],
                "yAxis": [
                    {
                        "type": "value",
                        "name": "数量「单」",
                        "nameTextStyle": { color: '#666', },
                        "min": 0,
                        //  "max": 15,
                        //"interval": 5,
                        //splitNumber:3,
                        "axisLabel": {
                            "show": true,

                        },
                        axisLine: { lineStyle: { color: '#eee' } },//左线色
                        axisLabel: { textStyle: { color: '#666' } },
                        splitLine: { show: false, lineStyle: { color: "#eee" } },//x轴线
                    },
                    {
                        "min": 0,
                        // "max": 15,
                        "type": "value",
                        "name": "金额「元」",
                        //  splitNumber:3,
                        "nameTextStyle": { color: '#666', },
                        "show": true,
                        "axisLabel": {
                            "show": true,

                        },
                        axisLine: { lineStyle: { color: '#ddd' } },//右线色
                        splitLine: { show: true, lineStyle: { color: "#eee" } },//x轴线
                        axisLabel: { textStyle: { color: '#666' } },
                    },
                ],
                "grid": {
                    "top": "10%",
                    "right": "30",
                    "bottom": "30",
                    "left": "30",
                },
                "series": [
                    {
                        "name": "数量",
                        type: 'line',
                        smooth: true,
                        symbol: 'circle',
                        symbolSize: 5,
                        showSymbol: false,
                        lineStyle: {
                            normal: {
                                color: 'rgba(0,0,0,.0)',
                                width: 0
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: 'rgba(255,106,125,.5)',

                            }
                        },
                        itemStyle: {
                            normal: {
                                color: 'rgba(255,106,125,.5)',
                            }
                        },
                        "data": [1, 3, 2, 9, 4, 5, 3],

                    },

                    {
                        "name": "金额",

                        "type": "line",
                        "yAxisIndex": 1,
                        smooth: true,
                        symbol: 'circle',
                        symbolSize: 5,
                        showSymbol: false,
                        "data": [4, 1, 5, 3, 8, 2, 3],
                        lineStyle: {
                            normal: {
                                color: 'rgba(0,0,0,.0)',
                                width: 0
                            }
                        },
                        areaStyle: {
                            normal: {
                                color: "rgba(255,158,114,.5)"
                            }
                        },
                        "itemStyle": {
                            "normal": {
                                color: "rgba(255,158,114,.5)"

                            }
                        },

                    }
                ]
            };


            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            window.addEventListener("resize", function () {
                myChart.resize();
            });
        }
    })

</script>
<!-- <div
  style="text-align: center; position: fixed; bottom: 0; width: 100%; line-height: 150%; background: #f5f5f5; border-top: 1px solid #ddd; z-index:10000; font-size: 12px;">
  本素材由源代码设计店铺收集整理，<a style="color:blue" target="_blank" href="http://test.160.jingan8.cn/">点此购买合集</a>
</div> -->
</body>

</html>